<!DOCTYPE html>
<html>
<head>
  <title>账务管理列表</title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <!-- Bootstrap -->
  <link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
  <link href="../css/bootstrap-responsive.css" rel="stylesheet" media="screen">
  <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
  <link href="../css/docs.css" rel="stylesheet" media="screen">
  <link href="../css/mycss.css" rel="stylesheet" media="screen">


</head>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/bootstrap-datetimepicker.js"></script>
<body>

  <div class="header">
    <div class="fl">
      <img src="../img/logo_yizhi.jpg">
    </div>
    <div class="fl">  
      <h3>上海熠智流体控制设备有限公司信息管理系统</h3>
      <h5></h5>
    </div>
    <div class="fr">
      欢迎您：王XX&nbsp;（管理员）&nbsp;&nbsp;<a href="#">退出登录</a>
    </div>
  </div>


  <div class="navbar">
    <div class="navbar-inner">
      <ul class="nav">
      <li><img src="../img/logo_yizhi.jpg" width="100px" height="100px" ></li>
        <li class="divider-vertical"></li>
        <li><a href="../menu/project.html" >项目管理</a></li>
        <li class="divider-vertical"></li>
        <li><a href="../menu/contract_list.html">合同管理</a></li>

        <!--生产管理 -->
        <li class="divider-vertical"></li>
        <li class="dropdown">
          
          <a id="productMenu" class="dropdown-toggle" data-toggle="dropdown" href="#">生产管理<b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
            <li><a tabindex="-1" href="../menu/product_list.html">产品列表</a></li>
            <li><a tabindex="-1" href="../menu/component_apply_list.html">配件申请</a></li>
          </ul>
        </li>

        <li class="divider-vertical"></li>
        <li class="dropdown">
          <a id="dropdownMenu1" class="dropdown-toggle" data-toggle="dropdown" href="#">仓库管理<b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
            <li><a tabindex="-1" href="../menu/produce_requirement.html">处理生产需求</a></li>
            <li><a tabindex="-1" href="../menu/purchase_apply_list.html">采购申请单</a></li>
            <li><a tabindex="-1" href="../menu/storage_management.html">库存管理</a></li>
          </ul>
        </li>
        
        <li class="divider-vertical"></li>
        <li ><a href="purchase_management.html">采购管理</a></li>


        <!--财务管理 -->
        <li class="divider-vertical"></li>
        <li class="dropdown active">
          <a id="dropdownMenu" class="dropdown-toggle" data-toggle="dropdown" href="#">财务管理<b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
            <li><a tabindex="-1" href="../menu/expense_apply_list.html">报销申请</a></li>
            <li><a tabindex="-1" href="../menu/purchase_check_list.html">采购审批</a></li>
            <li><a tabindex="-1" href="../menu/expense_check_list.html">报销审批</a></li>
            <li><a tabindex="-1" href="../menu/account_list.html">进出账</a></li>
          </ul>
        </li>

        <li class="divider-vertical"></li>
        <li><a href="../menu/user_list.html">用户管理</a></li>
        <li class="divider-vertical"></li>
      </ul>
    </div>
  </div>


  <div >
    
    <form >

     <div class="form-actions">


      <div  class='row'>

        <div class='span4'>
          <div class='row'>
            <span class=" span2 text-center">账目类型</span>
            <select class="span2">
              <option value="">财务进账</option>
              <option value="">采购</option>
              <option value="">报销</option>
              <option value="">财务出账</option>
            </select>             
          </div>
        </div>

        <div class='span4'>
      <div class='row'>
        <span class=" span2 text-center">金额</span>
        <input class="span2"  type="text" placeholder="金额">
      </div>
    </div>
        
      </div>
      


      <button type="button" class="btn btn-primary">查询</button>

      <button type="button" class="btn btn-primary">清空</button>


      <a href="#add_project" role="button" class="btn btn-primary" data-toggle="modal">新建账目</a>


    </div>







    <div class="tabbable"> 
      <ul class="nav nav-tabs">
        <li class="active"><a href="#tab1" data-toggle="tab">进出账列表</a></li>
      </ul>
      <div class="tab-content">
        <div class="tab-pane active" id="tab1">
          <table class="table table-hover table-bordered">
           <tr><th>编号</th><th>账目类型</th><th>金额</th><th>进出账日期</th><th>备注</th><th>操作</th></tr>
           <tr><td>1</td><td>财务进账</td><td>100000</td><td>2015-01-12</td><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
           <tr><td>2</td><td>采购</td><td>500000</td><td>2015-01-12</td><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
           <tr><td>3</td><td>报销</td><td>10000</td><td>2015-01-12</td><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
           <tr><td>4</td><td>财务出账</td><td>200000</td><td>2015-01-12</td><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
           <tr><td>5</td><td>财务出账</td><td>200000</td><td>2015-01-12</td><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
           <tr><td>6</td><td>财务出账</td><td>200000</td><td>2015-01-12</td><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
           <tr><td>7</td><td>财务出账</td><td>200000</td><td>2015-01-12</td><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
           <tr><td>8</td><td>财务出账</td><td>200000</td><td>2015-01-12</td><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
           <tr><td>9</td><td>财务出账</td><td>200000</td><td>2015-01-12</td><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
           <tr><td>10</td><td>财务出账</td><td>200000</td><td>2015-01-12</td><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>

         </table> 
       </div>
       
     </div>
   </div>

   
 </form>
</div>
<ul class="pager">
  <li class="previous disabled">
    <a href="#">&larr; 上一页</a>
  </li>
  第1页 /共5页43条记录
  <li class="next">    
   <a href="#">下一页 &rarr;</a>
 </li>
</ul>



<!-- 新建项目表单 -->
<div id="add_project" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">新建账目</h3>
  </div>
  <div class="modal-body">
    <form class="form-horizontal">
      <div class="control-group">
        <label class="control-label" for="inputEmail">账目类型</label>
        <div class="controls">
          <select>
            <option>财务进账</option>
            <option>财务出账</option>
          </select>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="inputEmail">金额</label>
        <div class="controls">
          <input type="text" id="inputEmail" placeholder="金额">
        </div>
      </div>

      <div class="control-group">
        <label class="control-label" for="inputEmail">进出账日期</label>
        <div class="controls">
          <div class="input-append date" id="datetimepicker" data-date-format="dd-mm-yyyy">
            <input class="span2" size="16" type="text">
            <span class="add-on"><i class="icon-th"></i></span>
          </div>   
        </div>
      </div>

      <div class="control-group">
        <label class="control-label" for="inputEmail">备注</label>
        <div class="controls">
          <textarea rows="3"></textarea>
        </div>
      </div>
      
    </form>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
    <button class="btn btn-primary">保存</button>
  </div>
</div>

<div id="edit_project" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">编辑项目信息</h3>
  </div>
  <div class="modal-body">
    <form class="form-horizontal">
      <div class="control-group">
        <label class="control-label" for="inputEmail">账目类型</label>
        <div class="controls">
          <select>
            <option>财务进账</option>
            <option>财务出账</option>
          </select>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="inputEmail">金额</label>
        <div class="controls">
          <input type="text" id="inputEmail" value="10000">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="inputEmail">进出账日期</label>
        <div class="controls">
          <div class="input-append date" id="datetimepicker" data-date-format="dd-mm-yyyy">
            <input class="span2" size="16" type="text" value="2015-03-16">
            <span class="add-on"><i class="icon-th"></i></span>
          </div>   
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="inputEmail">备注</label>
        <div class="controls">
          <textarea rows="3">无</textarea>
        </div>
      </div>
    </form>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
    <button class="btn btn-primary">保存</button>
  </div>
</div>

<script src="../myjs/date.js"></script>

<div class="footer">
  <hr>
  <div>上海熠智流体控制设备有限公司&nbsp;&nbsp;版权所有</div>
  <div>Copyright By Shanghai Yizhi Flow Control Equipment Co., Ltd.</div>
</div>

</body>
</html>